<!DOCTYPE html>
<!-- saved from url=(0027)http://my.sto.cn/Order/List -->
<html>
<head>

    <title>订单管理</title>

    <script src="/home/js/jquery-1.11.2.js"></script>

    <script src="/home/js/jquery.page.js"></script>
    <script src="/home/js/jquery.cookie.js"></script>
    <script src="/home/js/idangerous.swiper.min.js"></script>

    <script src="/home/js/layer.js"></script>
    <link rel="stylesheet" href="/home/css/layer.css" id="layuicss-skinlayercss">
    <script src="/home/js/baseUtility.js"></script>
    <script src="/home/js/edit.js"></script>

    <link href="/home/css/pager.css" rel="stylesheet">
    <script type="text/javascript">
        // 将 layer 弹窗对象注入到相应的命名空间，以供使用
        addressEditNameSpace.setLayer(layer);
        (function (w) {
            if (!("WebSocket" in w && 2 === w.WebSocket.CLOSING)) {
                var d = document.createElement("div");
                d.className = "browsehappy";
                d.innerHTML =
                    '<div style="width:100%;height:100px;font-size:30px;line-height:100px;text-align:center;background-color:#ee6900;color:#fff;margin-bottom:40px;">\u60a8\u7684\u6d4f\u89c8\u5668\u7248\u672c\u5b9e\u5728\u662f<strong>\u592a\u65e7\u4e86<\strong><a target="_blank" href="https://www.baidu.com/link?url=Z-k_dgvBnkwwMefWJx8Oa3XDCX3vlYffDo9gXrgGdrjvbt5o2YlxK9fXCsBjMMvXptcPtPfScTviYuXj67uXQOGt-GDfyKRDfg0bxZ-p-mq&wd=&eqid=df5151c400006c2f000000055a56cfef" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 2px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>';
                var f = function () {
                    var s = document.getElementsByTagName("body")[0];
                    if ("undefined" == typeof (s)) {
                        setTimeout(f, 10)
                    } else {
                        s.insertBefore(d, s.firstChild)
                    }
                };
                f()
            }
        }(window));
    </script>
    <link rel="stylesheet" type="text/css" href="/home/css/common.css">

    <script src="/home/js/html5.js"></script>
</head>
<body>

<#--引入头部和顶部导航栏-->
<#include "../common/header.ftl"/>
<#include "../common/top_nav.ftl"/>


<div class="box" style="min-height:800px;">

    <link href="/home/css/combo.select.css" rel="stylesheet">
    <link href="/home/css/List.css" rel="stylesheet">
    <link href="/home/layui/css/layui.css" rel="stylesheet">
    <script src="/home/layui/layui.js"></script>
    <script src="/home/js/jquery.combo.select.js"></script>
    <script src="/home/js/baseUtility.js"></script>
    <script src="/home/js/jquery.tmpl.min.js"></script>
    <script src="/home/js/edit.js"></script>
    <script src="/home/js/List.js"></script>

    <style type="text/css">


        .layui-laypage a:hover {
            color: #ed6c00;
        }

        .layui-layer-btn .layui-layer-btn1 {
            border-color: #ed6c00;
            background-color: #ed6c00;
            color: #fff;
        }
        .layui-layer-btn .layui-layer-btn0 {
            background: #fff;
            border-color: #fff;
            color: black;
        }

        .layui-layer-btn-c .layui-layer-btn1 {
            border-color: #fff;
            background-color: #fff;
            color: black;
        }

        .layui-layer-btn-c .layui-layer-btn0 {
            background: #ed6c00;
            border-color: #ed6c00;
            color: #fff;
        }

        .layui-laydate .layui-this {
            background-color: #ed6c00!important;
            color: #fff!important;
        }

        .layui-laydate-footer span:hover {
            color: #ed6c00;
        }


    </style>

    <div class="viewOrder">
        <div class="left">
            <div class="title">
                <span><img src="/home/images/order.png" alt="订单icon"></span>
                <span class="titleText">订单管理</span>
            </div>
            <div class="adress_top_tab" style="margin-left:50px">
                <ul>
                    <li style="width: 80%;" class="all on">寄出全部订单</li>
                    <li style="width: 80%;" class="cancel">已下单(寄出)</li>
                    <li style="width: 80%;" class="hand">处理中(寄出)</li>
                    <li style="width: 80%;" class="finish">已完成(寄出)</li>
                    <li style="width: 80%;" class="signForLi">签收全部订单</li>
                    <li style="width: 80%;" class="toSignForItLi">待签收(签收)</li>
                    <li style="width: 80%;" class="haveBeenSignedLi">已签收(签收)</li>
                </ul>
            </div>

        </div>
        <div class="right">

            <div class="orderInputBox">

                <input type="text" id="orderId"  onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" class="orderSearchBox" maxlength="25"  placeholder="请输入快递订单编号">
                <input type="button"
                        class="orderSearchBtn" value="搜索">

            </div>
            <table id="orderList" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                <tr class="titleBox">
                    <th class="titleOrder">订单编号</th>
                    <th class="titlePerson">寄件人 &gt; 收件人</th>
                    <th class="titleTime">下单时间</th>
                    <th class="titleOperate">操作</th>
                </tr>
                </tbody>
            </table>
            <div class="news_list" id="news_list">
                    <table id="orderList">
                        <tbody>

                        </tbody>
                    </table>
            </div>

<#--            <div class="create_order_more_page_box"><a class="cur" onclick="pageData(0);" href="javascript:;">1</a>共有3条订单信息-->
<#--            </div>-->
            <div id="page" style="text-align: center;"></div>

            <div class="create_order_more_page_box">
                共有<span style="color: #ed6c00;" id="countNum"></span>条订单信息
            </div>
        </div>

    </div>

    <style>

    </style>

</div>


</div>

<#--尾部-->
<#include "../common/footer.ftl"/>


</body>
</html>
